	.flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flexo {
		display: flex;
		align-items: center;
	}
	.comments_input {
		width: 100%;
		height: 130upx;
		padding:0 30upx;
		box-sizing:border-box;
		image {
			width: 86upx;
			height: 86upx;
			margin-right: 10upx;
			border-radius: 50%;
		}
		.input {
			flex: 1;
			position: relative;
			input {
				width: 100%;
				height: 60upx;
				border-radius: 30upx;
				background-color: #F2F2F2;
				padding-left: 60upx;
				box-sizing: border-box;
			}
			.icon {
				font-size: 28upx;
				position: absolute;
				top: 16upx;
				left: 20upx;
				color: #999999;
			}
		}
	}
	.nocomments {
		width:100%;
		height: 300upx;
		// margin-top: 20upx;
		text-align:center;
		overflow: hidden;
		.load {
			margin-top: 80upx;
			color: #e1e1e1;
			font-size: 28upx;
		}
		image {
			margin: 0 auto;
			// margin-top: 20upx;
			width: 150upx;
			height: 150upx;
			display: block;
			margin-bottom: 20upx;
		}
		span {
			color: #e1e1e1;
			font-size: 28upx;
		}
	}
	.comments {
		width: 100%;
		padding: 0 30upx;
		box-sizing: border-box;
		.list {
			border-top: 2upx solid #e1e1e1;
			padding:15upx 0 ;
			box-sizing: border-box;
		}
		// .list:last-child {
		// 	border-bottom: 0;
		// }
		.list_info {
			height:110upx;
			image {
				width: 84upx;
				height: 84upx;
				border-radius: 50%;
				margin-right: 10upx;
			}
			.list_r {
				flex:1;
				.top {
					span:first-child{
						color: #8a39d4;
						font-size: 28upx;
					}
					span:last-child {
						font-size: 20upx;
						color: #989898;
					}
				}
			}
		}
		.contant {
			color: #333;
			font-size: 28upx;
			line-height: 46upx;
		}
		.reply {
			margin-top: 10upx;
			width: 100%;
			background-color: #F2F2F2;
			padding: 10upx 20upx;
			box-sizing: border-box;
			position: relative;
			font-size: 28upx;
			color: #333333;
			.reply_one {
				color: #0390fd;
				margin-right: 10upx;
			}
			.reply_jt {
				position: absolute;
				top: -20upx;
				width: 0;
				height: 0;
				border: 10upx solid;
				border-color: transparent transparent #F2F2F2 transparent ; 
			}
		}
	}
	.more {
		width: 100%;
		height: 88upx;
		border-top: 2upx solid #e1e1e1;
		box-sizing: border-box;
		text-align: center;
		line-height: 82upx;
		color: #999;
		font-size: 28upx;
		.icon {
			font-size: 28upx;
			height: 28upx;
			color: #999999;
		}
	}
	.card {
		width: 750upx;
		// height: 280upx;
		padding:30upx;
		background-color: #FFFFFF;
		box-sizing: border-box;
		textarea,input {
			padding: 20upx;
			box-sizing: border-box;
			width: 100%;
			height: 200upx;
			border-radius: 10upx;
			font-size: 28upx;
			background-color: #F2F2F2;
		}
		textarea {
			background-color: #FFFFFF;
			border: 2upx solid #c1c1c1;
		}
		.bot {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 30upx;
			.bot_l {
				display: flex;
				align-items: center;
				color: #666;
				font-size: 24upx;
				.icon {
					font-size: 28upx !important;					color: #d81e06;
					margin-top: 6upx;
				}
			}
			span {
				font-size: 28upx;
				color: #5c5c5c;
			}
		}
	}